.kid-invert {
  color: white !important;
}

.vi-red {
  color: red;
}

input[readonly] {
  background-color: rgba(200, 202, 203, 0.29);
}

.rx-readonly {
  input[readonly] {
    background-color: white;
    &:hover {
      cursor: pointer;
    }
  }
  i:hover{
    cursor: pointer;
  }
}

.rx-right {
  text-align: right !important;
  float: right !important;
}

.hk-error {
  position: absolute;
  background-color: @color-error;
  color: white;
  border-radius: 3px;
  border: 1px solid @color-error;
  padding: 2px 5px;
  z-index: 100;
  /** From Animate.css **/
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: bounceIn;
}

.ant-form-item-required::before {
  display: none !important;
}

.rx-list-dialog {
  .ant-modal-body {
    padding: 12px !important;
  }
}

form {
  .has-error .ant-form-explain {
    .hk-error;
    top: -27px;
    display:none;
  }
}
